<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>仿美丽说首页</title>
	<link rel="stylesheet" href="./css/main.css">
	<link rel="stylesheet" href="./css/font.css">
	<script type="text/javascript"></script>
</head>
<body>
	<!-- 顶，微信登录-->
	<div class="top">
		<div class="top1">
			<div class="top1_mid">
				<div class="top1_l">
					<ul>
						<li class="weixin">
							<a href="">微信登录</a>  <!-- 直接在a标签里放背景图片，设置背景精灵 -->
						</li>
						<li class="qq">
							<a href="">
								<img src="./img/top1/q.png" alt="">
								<span>qq登录</span>
							</a>
						</li>
						<li class="login">
							<a href="">
								<span>登录</span>
							</a>							
						</li>
						<li class="registered">
							<a href="">
								<span>注册</span>
							</a>							
						</li>
						<li class="cart">
							<a href="">
								<img src="./img/top1/cart.png" alt="">
								<span class="cart_1">我的购物车</span>
								<span class="cart_2">0</span>
							</a>
						</li>
						<li class="order">
							<a href="">
								<img src="./img/top1/order.png" alt="">
								<span>我的订单</span>
							</a>
						</li>
						<li class="members">
							<a href="">
								<img src="./img/top1/member.png" alt="">
								<span>美丽说会员</span>
							</a>
						</li>
						<li class="app">
							<a href="">
								<img src="./img/top1/app.png" alt="">
								<span>下载App</span>
								<img src="./img/top1/app1.png" alt="">
							</a>
						</li>
						<li class="help">
							<a href="">
								<span>帮助中心</span>
							</a>							
						</li>
					</ul>
				</div>				
			</div>
		</div>
		<div class="top2">
			<div class="top2_mid">
				<a href="">
					<img src="./img/top1/meilishuo.png" alt="">
				</a>
				<div class="search">
					<div class="search_1">
						<span class="baby">宝贝</span><span class="store">店铺</span>
					</div>
					<div class="search_2">
						<input type="text" value="这件小单品拉你进潮流圈!">
					</div>
					<div class="search_3">
						
					</div>
				</div>
			</div>
			
		</div>

	</div>
	<!-- 头，搜索框 -->
	<div class="head">
		
	</div>
	<!-- 主体大图 -->
	<div class="main">
		
	</div>
	<!-- 脚 -->
	<div class="footer">
		
	</div>
	<!-- 底 -->
	<div class="bottom">
		
	</div>
</body>
</html>